/*聊天*/.chat_body{width: 810px;height:572px;margin:0 auto;position:relative;top:50%;margin-top:-286px;}
.chat_dialog {width:810px;overflow-y:hidden;overflow-x:hidden;height:100%;}
.chat_container {height:100%;float:left}
.chat_left_type {float:left;width:60px;background-color:#363844;height:100%;}
.chat_left_type li {padding:15px;text-align:center;}
.chat_left_type li svg{fill:#6F7180;}
.chat_left_type li.current{background:#2B2D38}
.chat_left_type li.current svg{fill:#59B6D7;}
.chat_left_wrap {float:left;width:240px;height:572px;border-right:1px solid #DEDEDE;overflow:hidden;}
.chat_left {overflow-y:auto;overflow-x:hidden;width:260px;height:100%;background:#F3F6F7}
.chat_right {overflow-y:hidden;position:relative;float:left;width:510px;height:100%;}
.current_room {background:#DEDEDE !important;}
.chat_left_icon {float:left;padding:5px 0 0 10px;position:relative;}
.chat_unread_div {position:absolute;top:25px;right:15px;border:1px solid #fff;border-radius:50%;}
.chat_unread_div span {display:block;font-size:12px;text-align:center;color:#fff;border-radius:50%;background:#f24343;width:16px;height:16px;}
.room_item .chat_delete {display:none;position:absolute;top:20px;right:15px;}
.room_item .chat_delete svg {font-size:20px;width:20px;height:20px;border-radius:50%;}
.chat_left .chat_search {width: 240px;position: relative;padding:10px;}
.chat_left .chat_search input{width:180px;border:1px solid #DEDEDE;border-radius:50px;font-size:14px;padding:0px 12px 0px 30px;background:#F3F6F7;height:30px;line-height:30px}
.chat_left .chat_search_icon {position:absolute;top:14px;left:18px;fill:#DEDEDE;}
.chat_left ul {width:240px;height:auto;margin:0;list-style-type:none;padding:0;}
.chat_left ul li {position:relative;width:100%;height:66px;padding:8px 0;border-bottom:1px solid #DEDEDE;background:#F3F6F7}
/*.chat_left ul li:last-child {border:none;}*/
.chat_left ul li:hover {cursor:pointer;background:#DBDEDF;}
.chat_left .chat_svg {font-size:40px;width:40px;height:40px;border-radius:50%;}
.chat_left .chat_item {float:left;width:127px;margin-left:12px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;line-height:20px;}
.chat_left .chat_item .chat_ms_span {font-size:14px;color:#333;line-height:30px;}
.chat_left .chat_item .chat_span {font-size:14px;color:#333;line-height:50px;}
.chat_left .chat_item .last_content {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.chat_right .body_title {width:100%;font-size:16px;height:50px;padding-left:20px;text-align:left;border-bottom:1px solid #DEDEDE;line-height:50px;}
.chat_right .body_title span {white-space: nowrap;text-overflow: ellipsis;width: 400px;display: block;overflow: hidden;}
.chat_right .body_title svg {float:right;margin-top:13px;margin-right:20px;}
.chat_right .audit_top {width:100%;font-size:16px;height:50px;padding-left:20px;text-align:left;border-bottom:1px solid #DEDEDE;line-height:50px;}
/*消息相关*/.chat_right .chat_content_wrap {width:510px;height:calc(100% - 50px);overflow:hidden;}
.chat_right .chat_content {padding:0 15px;height:100%;overflow-y:auto;overflow-x:hidden;}
.chat_right .message_cont {}
.message_cont .message_one {border-bottom:1px solid #DEDEDE;min-height:100px;margin-bottom:0px}
.message_cont .message_one>dt {width:55px;padding:0;margin:0;height:80px;position:relative;}
.message_cont .message_one>dt>img {width:40px;margin:12px 0;border-radius:50%;}
.message_cont .message_one>dt>img.role-icon {position:absolute;left:24px;top:36px;width:16px;height:16px;border-radius:50%;margin:0;}
.message_cont .message_one>dd {margin-top:-80px;width:calc(100% - 57px);margin-left:57px;}
.message_cont .one_title {height:25px;line-height:25px;color:#999;}
.message_cont .one_date {font-size:13px;color:#CFCFCF;height:30px;line-height:30px;}
.message_cont .one_cotent {line-height:20px;margin-bottom:15px;display:block;}
.message_cont .content_comment {line-height:25px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.message_cont .comment_audit {width:100%;margin:10px 0 20px;}
.message_cont .comment_audit a {color:#999;}
.message_cont .comment_audit a.green {color:#4CB994;margin-right:20px;}
.message_cont .comment_audit a.red {color:red;}
.message_cont .top_comment {line-height:25px;}
/*聊天相关*/.chat_right .chat_height {height:calc(100% - 132px);}
.chat_right .chat_cont {width:478px;padding-top:20px;}
.chat_cont .chat_avatar {width:40px;float:left;height:40px;border-radius:50%;}
.chat_cont .chatC_left {clear:both;overflow:hidden;}
.chat_cont .chatC_right {clear:both;overflow:hidden;}
.chat_cont .chat_notice {width: 100%;text-align:center;padding:10px 0px;}
.chat_cont .chat_notice span{background:#DEDEDE;font-size:12px;color:#FFF;padding:3px 10px;border-radius:50px;}
.chat_cont .chat_time {clear:both;margin:30px auto;text-align:center;}
.chat_cont .chat_time span {font-size:14px;line-height:26px;display:block;width:80px;height:26px;margin:auto;color:#fff;border-radius:20px;background:#dedede;}
.chat_cont .chat_left_body {font-size:14px;float:left;max-width:330px;margin-bottom:30px;margin-left:5px;padding:8px 10px;color:#333;border:#f0f0f0 1px solid;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background:#f7f7f7;}
.chat_cont .chat_right_body {font-size:14px;float:right;max-width:330px;margin-right:5px;margin-bottom:30px;padding:8px 10px;color:#333;border:#f0f0f0 1px solid;border-top-left-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background:#b1e0f1;}
.chat_right .chat_bottom {font-size:16px;line-height:66px;position:absolute;bottom:0;width:100%;height:66px;border-top:1px solid #DEDEDE;}
.chat_right .chat_bottom .chat_textarea {float:left;display:inline-block;width:415px;height:60px;line-height:20px;padding:10px;border:none;outline:none;resize:none;overflow-x:hidden;overflow-y:hidden;}
.chat_right .chat_bottom .chat_send {float:left;border-left:1px solid #DEDEDE;font-size:16px;display:inline-block;width:95px;cursor:pointer;text-align:center;color:#59b6d7;}
.message-content {padding:0 15px;height:calc(100% - 66px);overflow-y:auto;}
.message-content .message-one {border-bottom:1px solid #DEDEDE;min-height:100px;}
.message-content .message-one>dt {width:55px;padding:0;margin:0;height:80px;}
.message-content .message-one>dt>img {width:40px;margin:12px 0;}
.message-content .message-one>dd {margin-top:-80px;width:calc(100% - 57px);margin-left:57px;}
.message-content .one-title {height:25px;line-height:25px;color:#999;}
.message-content .one-date {font-size:13px;color:#CFCFCF;height:30px;line-height:30px;}
.message-content .one-cotent {line-height:20px;margin-bottom:15px;display:block;}
.content-comment {height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.chat-content {padding:0 15px;height:calc(100% - 66px);overflow-y:auto;}
.feed-content {color:#999;font-size:12px;overflow:hidden;padding:4px 8px;background-color:#F5F5F5;}
.feed-content .con-img {width:43px;float:left;padding:4px 0;}
.feed-content>div>img {width:35px;height:35px;}
.feed-content .con-con {max-height:41px;line-height:20px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.chat_body {padding:0 !important;}
.chat_num {font-size:12px;line-height:16px;position:absolute;top:22px;right:30px;width:18px;height:18px;text-align:center;color:#fff;border-radius:50%;background:#f24343;}
.message-body > .loading {margin-top:50%;}
.message-body .body-title {width:100%;font-size:16px;height:66px;padding:8px 0;text-align:center;border-bottom:1px solid #DEDEDE;line-height:50px;}
.chat_title {font-size:18px;line-height:64px;position:relative;height:64px;text-align:center;color:#333;border-bottom:1px solid #DEDEDE;}
.close {line-height:22px;position:absolute;top:20px;right:20px;overflow:hidden;width:26px;height:26px;}
.close > a {font-size:26px;display:block;text-align:center;color:#0096e6;}
.close > a:hover {background:#eee;}
/*.com_list {*/    /*width:100%;*/    /*height:105px;*/    /*padding:18px;*/    /*border-bottom:1px solid #DEDEDE;*//*}
*//*.com_img {*/    /*float:left;*/    /*margin-top:4px;*/    /*margin-right:20px;*//*}
*//*.com_img img {*/    /*width:40px;*/    /*height:40px;*/    /*border-radius:50%;*//*}
*//*.com_center {*/    /*float:left;*/    /*width:255px;*//*}
*//*.com_name {*/    /*font-size:14px;*/    /*display:block;*/    /*color:#333;*//*}
*//*.com_time {*/    /*font-size:14px;*/    /*color:#ccc;*//*}
*//*.com_right {*/    /*float:right;*//*}
*//*.com_right i {*/    /*font-size:24px;*/    /*margin-right:15px;*/    /*color:#fe8e8f;*//*}
*//*.com_subtitle {*/    /*font-size:14px;*/    /*margin:4px auto 6px;*/    /*color:#999;*//*}
*//*.comR_img {*/    /*width:67px;*/    /*height:67px;*//*}
*/.zan_center {margin-top:15px;}
.zan_time {margin-top:10px;}
.zan_img {margin-top:15px !important;}
/*通知*/.tz-cont {list-style-type:none;padding:0;margin:0;}
.tz-cont>li {border-bottom:1px solid #DEDEDE;padding:10px 0;}
.tz-cont .tz-content {line-height:25px;word-break:break-all;}
.tz-cont .tz-date {font-size:13px;color:#CFCFCF;height:20px;line-height:20px;}
.click_loading {margin-top:0px;}
/*添加群组*/.chat_ad{}
.chat_ad_title{width:750px;height:50px;line-height:50px;padding-left:50px;border-bottom:1px solid #DEDEDE;font-size:14px;font-weight:bold;}
.chat_ad_container{width:100%;height:522px;}
.chat_ad_select{width:375px;border-right:1px solid #DEDEDE;height:100%;float:left;}
.chat_ad_select .chat_ad_search {width: 100%;position: relative;padding:20px 30px 0px 30px;}
.chat_ad_select .chat_ad_search input{width:300px;border:1px solid #DEDEDE;border-radius:50px;font-size:14px;padding:0px 12px 0px 30px;background:#FFFFFF;height:30px;line-height:30px}
.chat_ad_select .chat_ad_search_icon {position:absolute;top:24px;left:37px;fill:#DEDEDE;}
.chat_ad_users_wrap {width:315px;height:472px;margin:0px 30px;overflow:hidden;}
.chat_ad_users{width:335px;overflow-y:auto;overflow-x: hidden;height:100%;}
.chat_ad_users ul li{width:100%;margin-top:20px;height:40px;}
.chat_ad_users ul li img{width:40px;height:40px;float:left;border-radius: 50%;}
.chat_ad_users span{float:left;width:225px;line-height:40px;margin-left:20px;}
#chat_ad_users svg{margin-top:8px;}
.chat_ad_selected{width:375px;float:left;height:100%;}
.chat_ad_selected_title{margin-top:20px;height:30px;line-height:30px;color:#DEDEDE;margin-left:30px;}
.chat_ad_selected_users_wrap {width:315px;height:472px;margin:0px 30px;overflow:hidden;}
.chat_ad_selected_users{width:335px;overflow-y:auto;overflow-x: hidden;height:100%;}
.chat_ad_selected_users ul{min-height:362px;float:left;}
.chat_ad_selected_users ul li{width:100%;margin-top:20px;height:40px;}
.chat_ad_selected_users ul li img{width:40px;height:40px;float:left;border-radius: 50%;}
.chat_ad_selected_users span{float:left;width:225px;line-height:40px;margin-left:20px;}
.chat_ad_selected_users svg{margin-top:8px;}
.chat_ad_selected_users .chat_ad_selected_op{width:315px; padding: 40px 0px 0px 0px !important;text-align: left;margin-top: 0px;float: left;clear: both;text-align: center;}
.chat_mention_card {width: 100%;padding: 20px 0;display: flex;flex-direction: row;border-bottom: 1px solid #ededed;}
.chat_mention_card img {width: 40px;height: 40px;margin-right: 20px;flex:none;}
.chat_mention_card .mention_info {display: flex;flex-direction: column;flex: auto;}
.chat_mention_card .content {font-size: 14px;background-color: #f5f5f5;padding: 10px;color: #666;margin-top: 10px;cursor: pointer;}
.chat_mention_card .content a {color: #59b6d7;}
.chat_mention_card .name {font-size: 14px;}
.chat_mention_card .time {font-size: 14px;color: #ccc;margin: 10px 0;}
